{#客户交易记录界面，在客户账户展示自己的#}
{% extends 'laout.html' %}
{% load static %}
{% load color %}

{#导入组合搜索框样式 由模板导入#}
{#{% block css %}#}
{#{#    <link rel="stylesheet" href="{% static 'css/search-group.css' %}">#}
{#{#{% endblock %}#}

{% block content %}

    {# 创建一个组合搜索框 由web\templates\include 路径导入     #}
    {% include "include/search_group.html" %}

     <div style="margin-bottom: 5px" class="clearfix">
        {#  创建一个搜索框      #}
        <div class="right">
            {# 以表单get方式提交           #}
            <form class="form-inline" method="get">
                <div class="form-group">
                    {#提交到当前页面的格式：keyword=值 把搜索的内容保存：value="{{ keyword }}"  #}
                    <input name="keyword" type="text" class="form-control" placeholder="请输入关键字" value="{{ keyword }}">
                </div>
                <button type="submit" class="btn btn-default">
                    {#加入一个搜索图标#}
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </form>
        </div>
    </div>


    <table class="table table-bordered">
        <thead>
        <tr>
            <th>ID</th>
            <th>类型</th>
            <th>金额</th>
            <th>订单号</th>
            <th>时间</th>
            <th>其他</th>
        </tr>
        </thead>
        <tbody>
            {# 读取数据库数据           #}
            {% for row in pager.queryset %}
                <tr row-id="{{ row.id }}">
                    <td>{{ row.id }}</td>
                    {# get_字段名_display    显示数据库 字段：choices映射对应的中文 #}
                    <td>
                        {# 优化：调用color 为扣款 充值加一个颜色样式                       #}
                        <span class="btn btn-xs btn-{{ row.charge_type|color }}">{{ row.get_charge_type_display }}</span>
                    </td>
                    <td>
                        {% if row.charge_type == 5 or row.charge_type == 1 %}
                            +{{ row.amount }}
                        {% elif row.charge_type == 2 or row.charge_type == 3 %}
                            -{{ row.amount }}
                        {% endif %}
                    </td>
                    <td>
                        {# 如果订单号是 空 则使用-代替                  #}
                         {% if row.order_oid %}
                            {{ row.order_oid }}
                         {% else %}
                            -
                        {% endif %}

                    </td>
                    <td>{{ row.create_datetime|date:"Y-m-d H:i:s" }}</td>
                     <td>
                         {# 如果“其他”字段 内容为空 则使用 - 代替#}
                        {% if row.memo %}
                            {{ row.memo }}
                        {% else %}
                            -
                        {% endif %}

                     </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    {#   页码#}
    <ul class="pagination">
        {# 调用自编写的页码函数  .html 方法 #}
        {{ pager.html }}
    </ul>


{% endblock %}
